<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" th:href="@{/img/favicon.ico}">

    <title>首页</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/floating-labels/">

    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link th:href="@{/css/floating-labels.css}" rel="stylesheet">
</head>

<body>
<form class="form-signin" th:action="@{/user/login}">
    <div class="text-center mb-4">
        <img class="mb-4" src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please Sing In</h1>
  </div>

        <input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required autofocus>

        <input type="password" name="password"  class="form-control" th:placeholder="#{login.password}" required>

        <input type="checkbox" value="remember-me"> [[#{login.remember}]]

    <p style="color: red" th:text="${msg}"></p>
    <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.bt}">Sign in</button>
    <p class="mt-5 mb-3 text-muted text-center">&copy; 2017-2018</p>
    <div class="text-center mb-4">
        <a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
        <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>
    </div>
</form>
</body>
</html>
